<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>运营位管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="css/plugins/dropzone/basic.css" rel="stylesheet">
    <link href="css/plugins/dropzone/dropzone.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
    <link rel="import" href="component/left-nav.html?__inline">
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <link rel="import" href="component/top-nav.html?__inline">
        <section>
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2>运营位管理</h2>
                    <ol class="breadcrumb">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="operating_manage.html">运营位管理</a></li>
                        <li class="active"><strong>添加新轮播</strong></li>
                    </ol>
                </div>
            </div>
            <div class="wrapper wrapper-content animated fadeInRight">
                <div class="banner-add-box col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>添加新轮播</h5>
                        </div>
                        <div class="ibox-content">
                            <form method="get" class="form-horizontal">
                                <div class="form-group"><label class="col-sm-2 control-label">标题</label>
                                    <div class="col-sm-10"><input type="text" class="form-control"></div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group"><label class="col-sm-2 control-label">链接</label>
                                    <div class="col-sm-10"><input type="url" class="form-control"></div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group"><label class="col-sm-2 control-label">轮播图</label>
                                    <div class="col-sm-10">
                                        <div id="my-awesome-dropzone" class="dropzone" action="#">
                                            <div class="dropzone-previews"></div>
                                            <button type="submit" class="btn btn-primary pull-right">上传这张图片</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <div class="col-sm-12">
                                        <button type="button" class="btn btn-default pull-left">取消修改</button>
                                        <button type="button" class="btn btn-success pull-right">确定新增</button>
                                        <button type="button" style="display:none" class="btn btn-primary pull-right">内网预览</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<script src="js/main.js"></script>
<script>
    $(document).ready(function () {
        <!-- Enable portlets -->
//        WinMove();
        $(".is-drag").sortable({
            cursor: "move",
            items: ".is-drag-li",               //只是li可以拖动
            opacity: 0.6,                       //拖动时，透明度为0.6
            revert: true,                       //释放时，增加动画
            update: function (event, ui) {       //更新排序之后
                console.log($(this).sortable("toArray"));
            }
        });

        //
        $('.btn-delete').click(function () {
            swal({
                title: "确定删除吗?",
                text: "删除后不可恢复!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                cancelButtonText: "容我三思！",
                confirmButtonText: "删除!",
                closeOnConfirm: false
            }, function () {
                swal("Deleted!", "Your imaginary file has been deleted.", "success");
            });
        });
        //

    });
</script>
</body>
</html>